<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>页面设计</title>
	<link rel="stylesheet" type="text/css" href="../../easyui/themes/gray/easyui.css">
	<link rel="stylesheet" type="text/css" href="../../easyui/themes/icon.css">
	<script type="text/javascript" src="../../easyui/jquery-1.8.0.min.js"></script>
	<script type="text/javascript" src="../../easyui/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../../easyui/locale/easyui-lang-zh_CN.js"></script>
	<script type="text/javascript" src="generatePage.js"></script>
	<script type="text/javascript" src="../../e/uuid.js"></script>
	<script type="text/javascript" src="../../e/eConstants.js"></script>
</head>
<body onload="initaction()">
		
		<div class="easyui-layout" data-options="fit:true">
		
		<div data-options="region:'center'">
			<div id="tt" class="easyui-tabs" data-options="">
					<div title="designer"  style="width:100;height:581px;">
						
						<div class="easyui-layout" style="width:700px;height:350px;">
		<div data-options="region:'north'" style="height:50px"></div>
		<div data-options="region:'south',split:true" style="height:50px;"></div>
			<div data-options="region:'east',split:true" style="width:250px;">
					<div class="easyui-panel" title="East" data-options="fit:true,border:false">
						<table id="pgd" class="easyui-propertygrid" data-options="
							showGroup: true,
							scrollbarSize: 0">
						</table>
					</div>
			</div>
				<div data-options="region:'center',border:true" style="padding:10px">
						<div id="tb" style="margin:5px 0;">
							<a href="javascript:void(0)" class="easyui-linkbutton" onclick="append()">append</a>
							<a href="javascript:void(0)" class="easyui-linkbutton" onclick="insert()">insert</a>
							<a href="javascript:void(0)" class="easyui-linkbutton" onclick="save()">accept</a>
							<a href="javascript:void(0)" class="easyui-linkbutton" onclick="remove()">delete</a>
							<a href="javascript:void(0)" class="easyui-linkbutton" onclick="generateHtml()">generate</a>
						</div>
						
						<table id="tg" class="easyui-treegrid" title="" style="height:'auto';width:'auto';padding:10px" 
							data-options="
								iconCls: 'icon-ok',
								rownumbers: true,
								animate: true,
								collapsible: true,
								fitColumns: true,
								idField: 'id',
								treeField: 'field',
								showFooter: true,
								onDblClickRow:dblClickAction,
								toolbar:'#tb'">
								<thead>
									<tr>
										<th data-options="field:'id',hidden:true"></th>
										<th data-options="field:'field',width:60,editor:{type:'text',options:{required:true}}">控件ID</th>
										<th data-options="field:'name',width:60,editor:'text'">控件名称</th>
										<th data-options="field:'edittet',width:60,editor:'text'">editor测试</th>
										<th data-options="field:'type',width:60,editor:{type:'combobox',options:{panelHeight:200,valueField:'value',textField:'name',width:203,filter:comboFilter}}">控件类型</th>
										<th data-options="field:'dataset',width:80,editor:'validatebox'">数据集</th>
										<th data-options="field:'options',hidden:true">data-options</th>
									</tr>
								</thead>
						</table>
				</div>
			</div>
						
					</div>
					<div title="preview" style="padding:10px">
						<span id="preDesigner"></span><br/>
					</div>
					<div title="code" style="padding:10px">
						<span id="preCode"></span><br/>
					</div>
			</div>
		</div>
	</div>


</body>
</html>